<!-- widget grid -->
<section id="widget-grid" class="">
	<!-- row -->
	<div class="row">
		<!-- NEW WIDGET START -->
		<article class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
			<!-- Widget ID (each widget will need unique ID)-->
			<div class="jarviswidget" id="wid-id-0" data-widget-colorbutton="false" data-widget-editbutton="false" data-widget-togglebutton="false" data-widget-deletebutton="false" data-widget-custombutton="false" data-widget-sortable="false">
				<header>
					<span class="widget-icon"> <i class="fa fa-align-justify"></i> </span>
					<h2>时效罚款规则</h2>				
				</header>

				<!-- widget div-->
				<div role="content">
					<!-- widget edit box -->
					<div class="jarviswidget-editbox">
					</div>
					<!-- end widget edit box -->
					
					<!-- widget content -->
					<div class="widget-body no-padding">
						<form class="smart-form" action="">
							<fieldset>
								<div class="col-sm-12">
								<div class="alert alert-warning fade in">
									<i class="fa-fw fa fa-warning"></i>
									<strong>提示</strong>根据任务的执行结果，一般原延误，系统自动调用规则进行罚款统计；异常延误由时效管理员确认后执行
								</div>								
								<table class="table margin-bottom-10">
									<tbody>
										<tr>
											<td>
												<div class="row padding-10">
													<h5>一般延误</h5>
													<table class="table ">
														<thead>
															<tr>
																<th>执行标准</th>
																<th>执行标准</th>
																<th>扣罚</th>
																<th>说明</th>
															</tr>
														</thead>
														<tbody>
															<tr>
																<td rowspan="2"> 单程小于 <input type="text" size="3" value="800"> 公里</td>
																<td>延误时间小于 <input type="text" size="3" value="10"> 分钟</td>
																<td>
																	罚0元
																</td>
																<td>免罚标准</td>
															</tr>
															<tr>
																<td>延误时间大于 <input type="text" size="3" value="10">分钟</td>
																<td>
																	每 <input type="text" size="2" value="10"> 分钟罚款 <input type="text" size="2" value="100"> 元
																</td>
																<td>罚款上不封顶</td>
															</tr>
															<tr>
																<td rowspan="2"> 单程大于 <input type="text" size="2" value="800">公里</td>
																<td>延误时间小于 <input type="text" size="3" value="30"> 分钟</td>
																<td>
																	罚0元
																</td>
																<td>免罚标准</td>
															</tr>
															<tr>
																<td>延误时间大于 <input type="text" size="3" value="30"> 分钟</td>
																<td>
																	每 <input type="text" size="2" value="10"> 分钟罚款<input type="text" size="2" value="100"> 元
																</td>
																<td>罚款上不封顶</td>
															</tr>
														</tbody>
													</table>
												</div>
											</td>
										</tr>
										<tr>
											
											<td>
												<div class="row padding-10">
													<h5>异常延误</h5>
													<table class="table ">
														<thead>
															<tr>
																<th>执行标准</th>
																<th>执行标准</th>
																<th>扣罚</th>
																<th>说明</th>
															</tr>
														</thead>
														<tbody>
															<tr>
																<td rowspan="2"> 客观因素</td>
																<td>延误时间小于 <input type="text" size="3" value="60"> 分钟</td>
																<td>
																	罚0元
																</td>
																<td>免罚标准</td>
															</tr>
															<tr>
																<td>延误时间大于 <input type="text" size="3" value="60">分钟</td>
																<td>
																	每 <input type="text" size="4" value="60"> 分钟罚款 <input type="text" size="2" value="50"> 元
																</td>
																<td>交通堵车、交通事故、大雨雾气候，app提供照片，罚款上不封顶</td>
															</tr>
															<tr>
																<td> 自身原因</td>
																<td>车辆故障、停车休息、擅自更改路由造成延误</td>
																<td>
																	罚款 <input type="text" size="4" value="1000"> 元
																</td>
																<td>由app提供照片上报</td>
															</tr>
															<tr>
																<td>谎报延误原因</td>
																<td>车辆故障、停车休息、擅自更改路由造成延误</td>
																<td>
																	罚款 <input type="text" size="4" value="2000"> 元
																</td>
																<td>罚款上不封顶</td>
															</tr>
														</tbody>
													</table>
												</div>
											</td>
										</tr>
									</tbody>
								</table>
								</div>
							</fieldset>
							<footer>
								<button type="submit" class="btn btn-default"> 取消 </button>
								<button type="submit" class="btn btn-primary"><i class="fa fa-save"></i> 保存 </button>
							</footer>
						</form>
					</div>
					<!-- end widget content -->
				</div>
				<!-- end widget div -->	
		  </div>
			<!-- end widget -->
		</article>
		<!-- WIDGET END -->
		
	</div>	
	
	<!-- end row -->
</section>
<!-- end widget grid -->

<script type="text/javascript">
	// DO NOT REMOVE : GLOBAL FUNCTIONS!
	pageSetUp();

	// PAGE RELATED SCRIPTS
	loadScript("js/plugin/jquery-nestable/jquery.nestable.js", runNestables);
	loadScript("js/plugin/multiselect2side/jquery.multiselect2side.js", runmultiselect2side);
	
	function runNestables() {
		$('#data_all').nestable({ 
			maxDepth : 1,
			});
		$('#data_select').nestable({
			maxDepth : 1,			
			});
		$('#data_select').on('change', function() {
    		/* on change event */
			var list = $('.dd').nestable('serialize');
			console.log(list);
			});
	}
	function runmultiselect2side() {
		$('#searchable').multiselect2side({
			'search': false,
			'moveOptions': true,
			'selectedPosition': 'right',
			'labelSort': '<i class = "fa fa-sort-alpha-asc"></i>',
			'labelTop': '<i class = "fa fa-caret-square-o-up"></i>',
			'labelBottom': '<i class = "fa fa-caret-square-o-down"></i>',
			'labelUp': '<i class = "fa fa-chevron-up"></i>',
			'labelDown': '<i class = "fa fa-chevron-down"></i>',
			'labelsx': '可用列',
			'labeldx': '已选列',
			});
		};

	loadScript("js/plugin/x-editable/moment.min.js");
	loadScript("js/plugin/x-editable/jquery.mockjax.min.js");
    loadScript("js/plugin/x-editable/x-editable.min.js");
	
		$(document).ready(function() {
			//toggle `popup` / `inline` mode
			$.fn.editable.defaults.mode = 'popup';     
			
			//make username editable
			$('#username').editable({
				type: 'text',
				pk: 1,
				//url: '/post',
				title: 'Enter username'									
				});
			
			//make status editable
		});
		
</script>
